﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>todoList</title>
        <link rel="stylesheet" href="/public/css/base.css" />
        <link rel="stylesheet" href="/public/css/index.css" />
        <style>
            [v-cloak] {
                display: none;
            }
        </style>
    </head>
    <body>
        <section class="todoapp" v-cloak>
            <div>
                <header class="header" >
                    <h1>todoList</h1>
                    <input class="new-todo" placeholder="请输入内容" />
                </header>
                <section class="main">
                    <ul class="todo-list">
                        <li>
                            <div class="view">
                                <input class="toggle" type="checkbox" />
                                <label>测试数据</label>
                                <button class="destroy"></button>
                            </div>
                            <input class="edit" />
                        </li>
                    </ul>
                </section>
                <footer class="footer">
                    <span class="todo-count">
                        <strong>12</strong>
                        <span>条未选中</span>
                    </span>
                    <ul class="filters">
                        <li>
                            <a href="javascript:;">全部</a>
                        </li> 
                        <li>
                            <a href="javascript:;">未完成</a>
                        </li> 
                        <li>
                            <a href="javascript:;">已完成</a>
                        </li>
                    </ul>
                </footer>
            </div>
        </section>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script>
           let vm = new Vue({
                created () {

                },
                data: {
                    
                },
                methods: {
                    
                }
           }).$mount('.todoapp');
        </script>
    </body>
</html>
